<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>项目列表查看申报</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/lib/layui/layui/css/layui.css"/>
    <script type="text/javascript" src="/lib/layui/layui/layui.js"></script>
    <script type="text/javascript" src="/lib/layui/layui/layui.all.js"></script>
    <script type="text/javascript" src="/js/news/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="/lib/jquery-2.1.4.min.js"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/sys/citys.js" type="text/javascript" charset="utf-8"></script>

</head>
<style>
    .mbox {
        padding: 8px;
        background: #fff;
    }

    .btn {
        height: 30px;
    }

    .btn button {
        float: right;
    }

    .red_12_normal {
        color: red;
    }

    .form {
        font-size: 9pt;
    }

    .form tr {
        height: 60px;
        line-height: 60px;
    }

    .form th {
        position: relative;
        padding-left: 10px;
        text-align: left;
        white-space: nowrap;
        font-weight: normal;
        width: 90px;
        padding-right: 1px;
    }

    .choice, .empty {
        margin-left: 5px;
    }

    .empty {
        color: red;
    }

    .choice {
        color: blue;
    }
    /* 防止下拉框的下拉列表被隐藏---必须设置--- */
    .layui-table-cell {            overflow: visible !important;        }
    /* 使得下拉框与单元格刚好合适 */
    td .layui-form-select{
        margin-top: -10px;
        margin-left: -15px;
        margin-right: -15px;
    }
    #form_basic td .layui-form-select{
        margin: 0
    }
    #budgetForm td .layui-form-select{
        margin: 0
    }
    /*解决下拉框被表格覆盖样式问题*/
    .layui-form-select dl {
        z-index: 9999;
    }
    .layui-table-box {
        overflow: visible
    }
    .layui-table-body{
        overflow:visible;
    }
    .layui-form-select .layui-select-title{
        pointer-events: none;
    }
    #ulBox1 .form tbody tr th{
        font-size: 16px;
    }
    #ulBox1 .form tbody tr td input{
        font-size: 16px;
    }
</style>
<body>
<div class="mbox">
    <div class="btn">
        <button type="button" class="layui-btn layui-btn-sm comeback">返回
        </button>
    </div>
    <div class="layui-tab layui-tab-card">
        <ul class="layui-tab-title" id="ulBox">
            <li num="2">课题设计论证</li>
            <li num="7">问题的提出</li>
            <li num="8">研究方案</li>
            <li num="9">预期成果</li>
            <li num="12">成果推广应用方案</li>
            <li num="13">成果推广应用的可行性分析</li>
        </ul>
        <%--基本信息--%>
        <div class="layui-tab-content" id="ulBox1">
            <%--课题设计论证--%>
            <div class="layui-tab-item design" num="2">
                <div style="padding: 20px 20px">
                    <p style="font-weight:bold;text-align:center;font-size:22px;margin-bottom: 30px">课题设计论证</p>
                    <p style="font-weight:bold;font-size:18px;margin-bottom: 20px">情报综述</p>
                    <div style="margin-bottom: 6px">本课题相关国内外研究情报述评</div>
                    <textarea class="informationReview" style="width:80%;border: 1px solid #eeeeee;height: 60px" disabled></textarea>
                    <p style="font-weight:bold;font-size:18px;margin-bottom: 20px;margin-top: 5px">研究方案</p>
                    <div style="margin-bottom: 6px">
                        1.本课题核心概念的界定，选题意义及研究价值<br/>
                        2.本课题的研究目标、研究内容、研究方法、实施步骤<br/>
                        3.本课题的关键问题和拟创新点<br/>
                        4.预计成果<br/>
                    </div>
                    <textarea class="researchPlan" style="border: 1px solid #eeeeee;width:80%;height: 80px" disabled></textarea>
                </div>
            </div>
            <%--问题的提出--%>
            <div class="layui-tab-item question" num="7">
                <div style="padding: 20px 20px">
                    <p style="text-align: center;font-weight:bold;font-size:22px;margin-bottom: 30px">问题的提出</p>
                    1、核心概念界定——从课题名称中提取本课题的关键词，并进行界定。<br/>
                    2、问题的描述与分析——描述自身教育教学过程中发现的问题，并对该问题进行分析。<br/>
                    3、国内外相关研究述评——围绕关键词分别进行文献研究，最后对总体研究现状进行评论。<br/>
                    4、本课题的突破与创新——基于文献研究的结果，阐述本课题的创新点和突破口。<br/>
                    5、已有研究基础（如有）——自身或所在学校与本课题有关的已有研究。<br/>
                    <textarea class="askQuestions" style="width:80%;margin-top:6px;border: 1px solid #eeeeee;height: 60px" disabled></textarea>
                </div>
            </div>
            <%--研究方案--%>
            <div class="layui-tab-item" num="8">
                <div style="padding: 20px 20px">
                    <p style="text-align: center;font-weight:bold;font-size:22px;margin-bottom: 30px">研究方案</p>
                    1、研究目标——应包含直接目标和间接目标。<br/>
                    2、研究内容——围绕课题名称，本课题所要回答的若干个小问题。<br/>
                    3、研究方法——本课题所采用的研究方法的名称，及其在本课题中的具体运用打算。<br/>
                    4、研究步骤——研究进度、研究活动的分阶段安排。<br/>
                    <textarea id="researchPlan" style="border: 1px solid #eeeeee;width:80%;height: 80px" disabled></textarea>
                </div>

            </div>
            <div class="layui-tab-item" num="9">
                <div style="padding: 20px 20px">
                    <p style="font-weight:bold;font-size:18px;margin-bottom: 20px">预期成果</p>
                    <textarea  class="expectedResults" style="border: 1px solid #eeeeee;width:80%;height: 80px" disabled>
                    </textarea>
                </div>
            </div>
            <%--成果推广应用方案--%>
            <div class="layui-tab-item result" num="12">
                <div style="padding: 20px 20px">
                    <p style="font-weight:bold;font-size:22px;margin-bottom: 30px">成果推广应用方案</p>
                    <div>
                        1．推广应用目标的预设（为什么要推广应用该项成果，要解决的问题和要达到的主要目标）<br/>
                        2．推广应用内容的确定（对原有研究成果的哪些内容进行应用、发展、完善与转化）<br/>
                        3．推广应用的范围与对象（区域、学校、学科、年级、班级、教研组等）<br/>
                        4．推广应用方法的选择（用哪些方法、策略或途径推广应用该成果）<br/>
                        5．推广应用实施计划（分为几个环节，用什么方法，在哪段时间完成什么任务）</div>
                    <textarea class="achievementsApplicationScheme" style="width:80%;margin-top:10px;border: 1px solid #eeeeee;height: 60px" disabled></textarea>
                </div>
            </div>
            <%--成果推广应用的可行性分析--%>
            <div class="layui-tab-item result" num="13">
                <div style="padding: 20px 20px">
                    <p style="font-weight:bold;font-size:22px;margin-bottom: 30px">成果推广应用的可行性分析</p>
                    <div>
                        对推广应用该项教育科研成果所具有的主客观条件等进行分析，<br/>
                        包括应用场景转换后可能遭遇的主要困难的预估及解决方案。</div>
                    <textarea class="achievementsApplicationSchemeAnalysis" style="width:80%;margin-top:10px;border: 1px solid #eeeeee;height: 60px" disabled></textarea>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>
<script>
    var parName = [];
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);

        if (r != null) {
            return unescape(r[2]);
        } else {
            return null;
        }
    }
    var projectType = GetQueryString('topicType')
    // $('.layui-tab-content').height($(window).height() - 130);
    layui.use(['table', 'form', 'laydate', 'upload'], function () {
        var table = layui.table,
            form = layui.form,
            laydate = layui.laydate,
            upload = layui.upload
        var question;
        var keti;
        var original;
        //年范围
        laydate.render({
            elem: '#year'
            , type: 'year'
        });
        laydate.render({
            elem: '#completionTime'
        });
        $('#form_basic input').attr('disabled','disabled')
        $('#form_basic select').attr('disabled','disabled')
        $('#budgetForm input').attr('disabled','disabled')
        $('#budgetForm select').attr('disabled','disabled')
        form.render('select');
        //默认申请人是当前登录人
        $.ajax({
            url: '/Meetequipment/getuser',
            type: 'get',
            dataType: 'json',
            success: function (res) {
                //申报人
                $('#userId').attr('user_id',res.object.userId+',');
                $('#userId').attr('dataid',res.object.uid+',');
                $('#userId').val(res.object.userName+',');
            }
        })

        $('.comeback').click(function () {
            window.location.href='/rpmPlan/expertList'
        })

        var achievementsTypeSel,topicCategorySel,memberTypeSel,expenditureCategorySel;
        form.render()
        $.ajax({
            url: '/rpmTopic/selectByparentNo',
            type: 'get',
            dataType: 'json',
            async: false,
            success: function (res) {
                achievementsTypeSel = res.data.achievementsType
                topicCategorySel = res.data.projectType
                memberTypeSel = res.data.memberType
                expenditureCategorySel = res.data.budgetType
            }
        })

        $.ajax({
            url: '/rpmTopic/selectByTopicId',
            data:{
                planId: GetQueryString('planId'),
                userId: GetQueryString('userId')
            },
            type: 'post',
            dataType: 'json',
            success: function (res) {
                if (res.msg != 'err') {
                    var rpmTopic = res.data.rpmTopic
                    var topicId = res.data.rpmTopic.topicId
                    $('.add').attr('topicId', res.data.rpmTopic.topicId)
                    var participator = res.data.rpmSignatures
                    var achievement = res.data.rpmForecasts
                    var task = res.data.rpmBudgets
                    var expect = res.data.rpmExpectedResults
                    var yexpect = res.data.rpmAchievementsAwards
                    question=res.data.rpmProgrammes
                    keti = res.data.rpmProjectDemonstrations
                    original=res.data.rpmAchievementsPromotions

                    if (keti.length > 0) {
                        $(".informationReview").val(keti[0].informationReview)
                        $(".researchPlan").val(keti[0].researchPlan)
                        $(".selfArgument").val(keti[0].selfArgument)
                    }


                    if(question.length>0){
                        if(question[0].askQuestions!=""||question[0].askQuestions!=undefined){
                            $(".askQuestions").val(question[0].askQuestions)
                        }
                        if(question[0].researchPlan!=""||question[0].researchPlan!=undefined) {
                            $("#researchPlan").val(question[0].researchPlan)
                        }
                        if(question[0].expectedResults!=""||question[0].researchPlan!=undefined){
                            $(".expectedResults").val(question[0].expectedResults)
                        }
                    }
                    if(original.length>0){
                        if(original[0].achievementsSurvey!=""||original[0].achievementsSurvey!=undefined){
                            $(".achievementsSurvey").val(original[0].achievementsSurvey)
                        }
                        if(original[0].achievementsApplicationScheme!=""||original[0].achievementsApplicationScheme!=undefined) {
                            $(".achievementsApplicationScheme").val(original[0].achievementsApplicationScheme)
                        }
                        if(original[0].achievementsApplicationSchemeAnalysis!=""||original[0].achievementsApplicationSchemeAnalysis!=undefined){
                            $(".achievementsApplicationSchemeAnalysis").val(original[0].achievementsApplicationSchemeAnalysis)
                        }
                    }
                    // tableData(topicId, participator, achievement, task, expect,yexpect)
                    //基本信息
                    // $('[name="professionalPosition"]').val(rpmTopic.professionalPosition)
                    // $('[name="professionalPosition1"]').val(rpmTopic.professionalPosition1)
                    // $('[name="achievementsName"]').val(rpmTopic.achievementsName)
                    // $('[name="contactNumber"]').val(rpmTopic.contactNumber)
                    // $('[name="contactNumber1"]').val(rpmTopic.contactNumber1)
                    // $('[name="postalAddress"]').val(rpmTopic.postalAddress)
                    // $('[name="postalAddress1"]').val(rpmTopic.postalAddress1)
                    // $('[name="unitName"]').val(rpmTopic.unitName)
                    // $('[name="unitName1"]').val(rpmTopic.unitName1)
                    // $('[name="postalCode"]').val(rpmTopic.postalCode)
                    // $('[name="postalCode1"]').val(rpmTopic.postalCode1)
                    // $('[name="applicationLeaderDept"]').val(rpmTopic.applicationLeaderDept)
                    // $('[name="promotionLeaderDept"]').val(rpmTopic.promotionLeaderDept)
                    // $('[name="promotionScope"]').val(rpmTopic.promotionScope)
                    // $('[name="research"]').val(rpmTopic.research)
                    // $('[name="sectionType"]').val(rpmTopic.sectionType)
                    // $('[name="sectionType1"]').val(rpmTopic.sectionType1)
                    // $('[name="teachingSubjects"]').val(rpmTopic.teachingSubjects)
                    // $('[name="teachingSubjects1"]').val(rpmTopic.teachingSubjects1)
                    // $('[name="teachingYears"]').val(rpmTopic.teachingYears)
                    // $('[name="teachingYears1"]').val(rpmTopic.teachingYears1)
                    // $('[name="topicName"]').val(rpmTopic.topicName)
                    // $('[name="year"]').val(rpmTopic.year)
                    // $('[name="education"]').val(rpmTopic.education)
                    // $('#userId').val(rpmTopic.userName).attr('user_Id', rpmTopic.userId)
                    // // $('#headUserId').val(rpmTopic.headUserName).attr('user_Id', rpmTopic.headUserId)
                    // $('#promotionLeader').val(rpmTopic.promotionUserName).attr('user_Id', rpmTopic.promotionLeader)
                    // $('#headUserId2').val(rpmTopic.headUserName2).attr('user_Id', rpmTopic.headUserId2)
                    // $('#applicationLeader').val(rpmTopic.applicationUserName).attr('user_Id', rpmTopic.applicationLeader)
                    // $('#holderName').val(rpmTopic.holderUserName).attr('user_Id', rpmTopic.holderName)
                    // $('[name="researchExpertise"]').val(rpmTopic.researchExpertise)
                    // $('[name="applicationLeaderSept"]').val(rpmTopic.applicationLeaderSept)
                    // $('[name="topicType"]').val(rpmTopic.topicType)
                    // $('[name="professionalTitle"]').val(rpmTopic.professionalTitle)
                    // $('[name="professionalTitle1"]').val(rpmTopic.professionalTitle1)
                    // $('[name="administrativePosition"]').val(rpmTopic.administrativePosition)
                    // $('[name="administrativePosition1"]').val(rpmTopic.administrativePosition1)
                    // $('[name="haveSecondUserId"][value="'+rpmTopic.haveSecondUserId+'"]').prop('checked', true);
                    // $('[name="isCrossSchool"][value="'+rpmTopic.isCrossSchool+'"]').prop('checked', true);
                    // if(rpmTopic.haveSecondUserId==0){
                    //     $('.second').hide();
                    // }else{
                    //     $('.second').show();
                    // }
                    //预计信息
                    $('[name="finalResults"]').val(rpmTopic.finalResults)
                    $('[name="funds"]').val(rpmTopic.funds)
                    $('[name="completionTime"]').val(rpmTopic.completionTime)
                    $('[name="achievementsType"]').val(rpmTopic.achievementsType)

                    //页签判断方法
                    if(projectType == 'PROJECT_TYPE3' || projectType == 'PROJECT_TYPE2' || projectType == 'PROJECT_TYPE1'){
                        $('ul li[num="2"]').click();
                        $("#ulBox").find("li[num=7]").css("display","none");
                        $("#ulBox").find("li[num=8]").css("display","none");
                        $("#ulBox").find("li[num=9]").css("display","none");
                        $("#ulBox").find("li[num=12]").css("display","none");
                        $("#ulBox").find("li[num=13]").css("display","none");

                    }else if(projectType == 'PROJECT_TYPE4'){
                        $("#ulBox").find("li[num=2]").css("display","none");
                        $("#ulBox").find("li[num=12]").css("display","none");
                        $("#ulBox").find("li[num=13]").css("display","none");
                        $('ul li[num="7"]').click();
                    }else if(projectType == 'PROJECT_TYPE5'){
                        $('ul li[num="12"]').click();
                        $("#ulBox").find("li[num=2]").css("display","none");
                        $("#ulBox").find("li[num=7]").css("display","none");
                        $("#ulBox").find("li[num=8]").css("display","none");
                        $("#ulBox").find("li[num=9]").css("display","none");
                    }
                    form.render()
                    var fileStr = '';
                    if (rpmTopic.attachmentList != undefined && rpmTopic.attachmentList != '') {
                        for (var i = 0; i < rpmTopic.attachmentList.length; i++) {
                            fileStr += '<div url='+rpmTopic.attachmentList[i].attUrl+' style="display:inline-block; margin-right:25px; " class="fileDiv"><div class="relative">' +
                                // '   <i class="layui-icon layui-icon-close close"  style="float: right;"></i>' +
                                '  <i class="layui-icon layui-icon-list file" id="file"  attachId="' + rpmTopic.attachmentList[i].attachId + '"  deurl="' +encodeURI(rpmTopic.attachmentList[i].attUrl ) + '" ym="'+rpmTopic.attachmentList[i].ym+'" aid="'+rpmTopic.attachmentList[i].aid+'" name="' + rpmTopic.attachmentList[i].attachName + '"  style="font-size: 30px;font-size: 100px; padding-left: 20px;line-height: 140px;"></i>' +
                                '  </div>' +
                                '  <div style="margin:10px;" class="fileName">' + rpmTopic.attachmentList[i].attachName + '(' + rpmTopic.attachmentList[i].size + ')' + '</div></div>';
                        }
                    }
                    $('.content').last().append(fileStr);
                    $('#uploading').parent().siblings('div').show();

                } else {
                    tableData('')
                }


            }
        })
        $('#chargetype').siblings('.layui-form-select').hide()
        // function tableData(topicId, participator, achievement, task, expect,yexpect) {
        //     table.render({
        //         elem: '#participator'
        //         , data: function () {
        //             if (participator != '') {
        //                 return participator
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo'
        //         , defaultToolbar: ['']
        //         , title: '主参加者信息'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'memberType', title: '成员类型',templet:function () {
        //                     var str='<option>请选择</option>'
        //                     for(var i=0;i<memberTypeSel.length;i++){
        //                         str+='<option value="'+memberTypeSel[i].dictNo+'">'+memberTypeSel[i].dictName+'</option>'
        //                     }
        //                     return ' <select name="memberType" lay-filter="memberType">'+str+'</select>'
        //                 }}
        //             , {field: 'number', title: '编号'}
        //             , {
        //                 field: 'name', title: '参与者姓名', templet: function (obj) {
        //                     return '<div class="pUsername"><input id="name"  user_Id="" type="text" name="nameId" style="border: none;background: white;height: 100%;width: 100%;" class="search" readonly placeholder="参与者姓名"/>' +
        //                         '<span style="padding: 5px;color: #999;cursor: pointer;margin-left:-26px"><i class="layui-icon layui-icon-username pRemind"></i></span>' +
        //                         '</div></div>'
        //                 }
        //             }
        //             , {field: 'title', title: '职称'}
        //             , {field: 'researchExpertise', title: '研究专长'}
        //             , {field: 'education', title: '学历'}
        //             , {field: 'workUnit', title: '工作单位'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //             for (var i = 0; i < data.length; i++) {
        //                 var select = 'dd[lay-value=' + data[i].memberType + ']';
        //                 $('[name="memberType"]').eq(i).siblings("div .layui-form-select").find('dl').find(select).click()
        //                 form.render();
        //             }
        //             form.on('select(memberType)', function(pr){
        //                 var dataindex=$(pr.elem).parents('tr').attr("data-index");
        //                 data[dataindex].memberType=pr.value;
        //             });
        //
        //             for (var i = 0; i < obj.data.length; i++) {
        //                 $('#name').attr('id', 'name' + i)
        //                 $('#name' + i).val(obj.data[i].userName).attr('user_Id', obj.data[i].name)
        //             }
        //             // $('.pRemind').click(function () {
        //             //     var num = $('.pRemind').index(this)
        //             //     $(this).parents('.pUsername').children('input').attr('id', 'name' + num)
        //             //     user_id = 'name' + num;
        //             //     $.popWindow("/common/selectUser?0");
        //             // });
        //
        //         }
        //     });
        //
        //     table.render({
        //         elem: '#task'
        //         , data: function () {
        //             if (task != '') {
        //                 return task
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '经费预算'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'researchContents', title: '研究内容', edit: true}
        //             , {
        //                 field: 'expenditureCategory', title: '支出类别', templet: function () {
        //                     var str = '<option>请选择</option>'
        //                     for (var i = 0; i < expenditureCategorySel.length; i++) {
        //                         str += '<option value="' + expenditureCategorySel[i].dictNo + '">' + expenditureCategorySel[i].dictName + '</option>'
        //                     }
        //                     return ' <select name="expenditureCategory" lay-filter="expenditureCategory" >' + str + '</select>'
        //                 }
        //             }
        //             , {field: 'monovalent', title: '单价', edit: true}
        //             , {field: 'number', title: '数量', edit: true}
        //             , {field: 'totalFunding', title: '总额', edit: true}
        //         ]]
        //         , page: true
        //         , done: function (res) {
        //             var data = res.data;
        //             for (var i = 0; i < data.length; i++) {
        //                 var select = 'dd[lay-value=' + data[i].expenditureCategory + ']';
        //                 $('[name="expenditureCategory"]').eq(i).siblings("div .layui-form-select").find('dl').find(select).click()
        //                 form.render();
        //             }
        //             form.on('select(expenditureCategory)', function (pr) {
        //                 var dataindex = $(pr.elem).parents('tr').attr("data-index");
        //                 data[dataindex].expenditureCategory = pr.value;
        //             });
        //         }
        //     });
        //     table.render({
        //         elem: '#achievement'
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , data: function () {
        //             if (achievement != '') {
        //                 return achievement
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , defaultToolbar: ['']
        //         , title: '近五年成果'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'achievementsName', title: '成果名称'}
        //             , {field: 'author', title: '著作者(第一作者)'}
        //             , {field: 'number', title: '编号'}
        //             , {field: 'achievementsForm', title: '成果形式'}
        //             , {field: 'publicationCompany', title: '发表刊物和出版单位'}
        //             , {
        //                 field: 'publicationTime',
        //                 title: '计划完成日期',
        //             }
        //         ]]
        //         , page: true
        //     });
        //
        //     table.render({
        //         elem: '#expect'
        //         , data: function () {
        //             if (expect != '') {
        //                 return changeData(expect,"1")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '阶段成果信息'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {type: 'numbers', title: '序号'}
        //             , {field: 'researchPhase', title: '研究阶段（起止时间）', event: 'researchPhase', data_field: "researchPhase"}
        //             , {field: 'researchFindingsName', title: '阶段成果名称', edit: true}
        //             , {field: 'formAchievements', title: '成果形式',templet:function () {
        //                     var str='<option>请选择</option>'
        //                     for(var i=0;i<achievementsTypeSel.length;i++){
        //                         str+='<option value="'+achievementsTypeSel[i].dictNo+'">'+achievementsTypeSel[i].dictName+'</option>'
        //                     }
        //                     return ' <select name="formAchievements1" lay-filter="formAchievements1" >'+str+'</select>'
        //                 }}
        //             , {
        //                 field: 'undertaker', title: '承担人', templet: function (obj) {
        //                     return '<div class="username"><input id="governor" type="text"  user_Id="" name="parentId" style="border: none;background: white;height: 100%;width: 100%;" class="parentId" readonly placeholder="搜索承担人"/>' +
        //                         '<span style="padding: 5px;color: #999;cursor: pointer;margin-left:-26px"><i class="layui-icon layui-icon-username remind"></i></span>' +
        //                         '</div></div>'
        //                 }
        //             }
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //             for (var i = 0; i < data.length; i++) {
        //                 var selectF = 'dd[lay-value=' + data[i].formAchievements + ']';
        //                 $('[name="formAchievements1"]').eq(i).siblings("div .layui-form-select").find('dl').find(selectF).click()
        //                 form.render();
        //             }
        //             $('.remind').click(function () {
        //                 var num = $('.remind').index(this)
        //                 $(this).parents('.username').children('input').attr('id', 'governor' + num)
        //                 user_id = 'governor' + num;
        //                 $.popWindow("/common/selectUser?0");
        //             });
        //             for (var i = 0; i < obj.data.length; i++) {
        //                 $('#governor').attr('id', 'governor' + i)
        //                 $('#governor' + i).val(obj.data[i].undertakerName).attr('user_Id', obj.data[i].undertaker)
        //             }
        //             form.on('select(formAchievements1)', function(pr){
        //                 var dataindex=$(pr.elem).parents('tr').attr("data-index");
        //                 data[dataindex].formAchievements=pr.value;
        //             });
        //         }
        //     });
        //     table.render({
        //         elem: '#fnexpect'
        //         , data: function () {
        //             if (expect != '') {
        //                 return changeData(expect,"2")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '最终成果信息'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {type: 'numbers', title: '序号'}
        //             , {field: 'researchPhase', title: '完成时间', event: 'presearchPhase', data_field: "researchPhase"}
        //             , {field: 'researchFindingsName', title: '最终成果名称', edit: true}
        //             , {field: 'formAchievements', title: '成果形式',templet:function () {
        //                     var str='<option>请选择</option>'
        //                     for(var i=0;i<achievementsTypeSel.length;i++){
        //                         str+='<option value="'+achievementsTypeSel[i].dictNo+'">'+achievementsTypeSel[i].dictName+'</option>'
        //                     }
        //                     return ' <select name="formAchievements" lay-filter="formAchievements" >'+str+'</select>'
        //                 }}
        //             , {
        //                 field: 'undertaker', title: '负责人', templet: function (obj) {
        //                     return '<div class="ppusername"><input id="pgovernor" type="text"  user_Id="" name="parentId" style="border: none;background: white;height: 100%;width: 100%;" class="parentId" readonly placeholder="搜索承担人"/>' +
        //                         '<span style="padding: 5px;color: #999;cursor: pointer;margin-left:-26px"><i class="layui-icon layui-icon-username remind1"></i></span>' +
        //                         '</div></div>'
        //                 }
        //             }
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //             for (var i = 0; i < data.length; i++) {
        //                 var selectF = 'dd[lay-value=' + data[i].formAchievements + ']';
        //                 $('[name="formAchievements"]').eq(i).siblings("div .layui-form-select").find('dl').find(selectF).click()
        //                 form.render();
        //             }
        //             $('.remind1').click(function () {
        //                 var num = $('.remind1').index(this)
        //                 $(this).parents('.ppusername').children('input').attr('id', 'pgovernor' + num)
        //                 user_id = 'pgovernor' + num;
        //                 $.popWindow("/common/selectUser?0");
        //             });
        //             for (var i = 0; i < obj.data.length; i++) {
        //                 $('#pgovernor').attr('id', 'pgovernor' + i)
        //                 $('#pgovernor' + i).val(obj.data[i].undertakerName).attr('user_Id', obj.data[i].undertaker)
        //             }
        //             form.on('select(formAchievements)', function(pr){
        //                 var dataindex=$(pr.elem).parents('tr').attr("data-index");
        //                 data[dataindex].formAchievements=pr.value;
        //             });
        //         }
        //     });
        //     table.render({
        //         elem: '#yexpect1'
        //         , data: function () {
        //             if (yexpect != '') {
        //                 return ychangeData(yexpect,"1")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '成果名称'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'achievementsName', title: '成果名称', edit: true }
        //             , {field: 'achievementWithdrawalMethod', title: '获奖等级', edit: true}
        //             , {field: 'expenditureCategory', title: '时间',event: 'researchPhase1', data_field: "expenditureCategory"}
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //         }
        //     });
        //     table.render({
        //         elem: '#yexpect2'
        //         , data: function () {
        //             if (yexpect != '') {
        //                 return ychangeData(yexpect,"2")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '会议主题'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'achievementsName', title: '会议主题',edit: true}
        //             , {field: 'achievementWithdrawalMethod', title: '传播对象及层级（区级及以上）', edit: true}
        //             , {field: 'expenditureCategory', title: '时间',event: 'researchPhase2', data_field: "expenditureCategory"}
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //         }
        //     });
        //     table.render({
        //         elem: '#yexpect3'
        //         , data: function () {
        //             if (yexpect != '') {
        //                 return ychangeData(yexpect,"3")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '专著论文'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'achievementsName', title: '专著、论文',edit: true }
        //             , {field: 'achievementWithdrawalMethod', title: '出版社、刊物', edit: true}
        //             , {field: 'expenditureCategory', title: '时间',event: 'researchPhase3', data_field: "expenditureCategory"}
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //         }
        //     });
        //     table.render({
        //         elem: '#yexpect4'
        //         , data: function () {
        //             if (yexpect != '') {
        //                 return ychangeData(yexpect,"4")
        //             } else {
        //                 return [{topicId: topicId}]
        //             }
        //         }()
        //         , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
        //         , defaultToolbar: ['']
        //         , title: '培训课程'
        //         , cols: [[
        //             {type: 'checkbox', fixed: 'left'}
        //             , {field: 'topicId', hide: true}
        //             , {field: 'achievementsName', title: '培训课程、讲座', edit: true}
        //             , {field: 'achievementWithdrawalMethod', title: '传播对象', edit: true}
        //             , {field: 'expenditureCategory', title: '时间',event: 'researchPhase4', data_field: "expenditureCategory"}
        //             , {field: 'type', title: '操作', toolbar: '#barDemo'}
        //         ]]
        //         , page: true
        //         , done: function (obj) {
        //             var data=obj.data;
        //         }
        //     });
        // }

        upload.render({
            elem: '#uploading'
            , url: '../upload?module=rpmTopic'
            , multiple: true
            , accept: 'file' //普通文件
            , done: function (res) {
                var str = '';
                if (res.flag) {
                    str += '<div style="display:inline-block;margin-right: 25px" class="fileDiv"><div class="relative">' +
                        // '   <i class="layui-icon layui-icon-close close"  style="float: right;"></i>' +
                        '  <i class="layui-icon layui-icon-list file" id="file"  aid="' + res.obj[0].aid + '"  ym="' + res.obj[0].ym + '" attachId="' + res.obj[0].attachId + '" deurl="' + res.obj[0].attUrl + '" name="' + res.obj[0].attachName + '" fileSize="' + res.obj[0].fileSize + '"   style="font-size: 30px;font-size: 100px; padding-left: 20px;line-height: 140px;"></i>' +
                        '  </div>' +
                        '  <div style="margin:10px;" class="fileName">' + res.obj[0].attachName + '(' + res.obj[0].fileSize + ')' + '</div></div>';
                    $('.content').last().append(str);
//                    $('.num').html('<i class="layui-icon layui-icon-link" style="margin-right:6px"></i>'+$('.fileName').length+'个附件')
                    $('#uploading').parent().siblings('div').show();
                    $('#file').click(function () {
                        window.location = "../../download?" + res.obj[0].attUrl;
                    });
                }
            }
        });
        $('.choice').click(function () {
            user_id = $(this).siblings('input').attr('id');
            $.popWindow("../common/selectUser?0");
        });
        $('.empty').click(function () {
            $(this).siblings('input').val('').attr('user_Id', '')
        })

        $(document).on('click','.close',function(){
            var data=$(this).siblings('#file').attr('deUrl')
            var dome=$(this).parents('.fileDiv');
            deleteChatment(data,dome);
        });

    });
    function changeData(arr,ty) {
        var ar = [];
        for(var i = 0;i<arr.length;i++){
            if(arr[i].expectedResultsType == ty){
                ar.push(arr[i]);
            }
        }
        return ar;
    }
    function ychangeData(arr,ty) {
        if(arr!=undefined){
            var ar = [];
            for(var i = 0;i<arr.length;i++){
                if(arr[i].achievementsType == ty){
                    ar.push(arr[i]);
                }
            }
            return ar;
        }

    }
    function changeData(arr,ty) {
        if(arr!=undefined){
            var ar = [];
            for(var i = 0;i<arr.length;i++){
                if(arr[i].expectedResultsType == ty){
                    ar.push(arr[i]);
                }
            }
            return ar;
        }

    }

</script>
